<template>
  <div class="index">
    <Layout>
      <HeaderCmpt>
          </HeaderCmpt>
      <Content>
        <div class="container">
          content
                <FooterCmpt></FooterCmpt>

        </div>
      </Content>
    </Layout>
  </div>
</template>

<script>
import HeaderCmpt from './Header';
import FooterCmpt from './Footer';
export default {
  name: 'Index',
  props: {
  },
  components: {
    HeaderCmpt,
    FooterCmpt
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@media (min-width: 1200px) {
  .container {
    width: 1170px;
    margin: auto;
  }
}
</style>
